import React, { PureComponent } from "react"
// import { ThemeContext } from "../context/theme.context"
import withTheme from "../hoc/with_theme"

/* export class Product extends PureComponent {
    render() {
        return (
            <ThemeContext.Consumer>
                {(value) => (
                    <h1>
                        {value.color}--{value.size}
                    </h1>
                )}
            </ThemeContext.Consumer>
        )
    }
} */
export class Product extends PureComponent {
    render() {
        const { color, size } = this.props
        return (
            <h1>
                {color}--{size}
            </h1>
        )
    }
}
export default withTheme(Product)
